<template>
  <div
    class="draggable-box"
    v-draggable="draggableValue"
    @drag-end="dragEnd"
    style="width: 100px; height: 100px; background-color: #29e; color: white; padding: 10px"
  >
    <div class="drag-handle">handler</div>
    <div>Content</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      draggableValue: {
        handle: '.drag-handle',
        boundingElement: 'body'
      }
    };
  },
  methods: {
    dragEnd(e) {
      console.log('drag-end', e);
    }
  }
};
</script>
